<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>中文网站管理系统系统</title>
<script language="JavaScript">
<!--
var noHelp   = "<p align='center' style='color: #666'>暂时还没有该部分内容</p>";
var helpLang = "zh_cn";
//-->
</script>
<link href="css/admin.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
  background: #80BDCB;
}
#tabbar-div {
  background: #278296;
  padding-left: 10px;
  height: 21px;
  padding-top: 0px;
}
#tabbar-div p {
  margin: 1px 0 0 0;
}
.tab-front {
  background: #80BDCB;
  line-height: 20px;
  font-weight: bold;
  padding: 4px 15px 4px 18px;
  border-right: 2px solid #335b64;
  cursor: hand;
  cursor: pointer;
}
.tab-back {
  color: #F4FAFB;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  cursor: hand;
  cursor: pointer;
}
.tab-hover {
  color: #F4FAFB;
  line-height: 20px;
  padding: 4px 15px 4px 18px;
  cursor: hand;
  cursor: pointer;
  background: #2F9DB5;
}
#top-div
{
  padding: 3px 0 2px;
  background: #BBDDE5;
  margin: 5px;
  text-align: center;
}
#main-div {
  border: 1px solid #345C65;
  padding: 5px;
  margin: 5px;
  background: #FFF;
}
#menu-list {
  padding: 0;
  margin: 0;
}
#menu-list ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  color: #335B64;
}
#menu-list li {
  padding-left: 16px;
  line-height: 16px;
  cursor: hand;
  cursor: pointer;
}
#main-div a:visited, #menu-list a:link, #menu-list a:hover {
  color: #335B64
  text-decoration: none;
}
#menu-list a:active {
  color: #EB8A3D;
}
.explode {
  width:15px; height:12px;
  margin-left:-15px;
  display:inline-block;
  background: url(images/admin/menu_minus.gif) no-repeat 0px 3px;
}
.collapse {
  background: url(images/admin/menu_plus.gif) no-repeat 0px 3px;
  font-weight: bold;
}
.menu-item {
  background: url(images/admin/menu_arrow.gif) no-repeat 0px 3px;
  font-weight: normal;
}
#help-title {
  font-size: 14px;
  color: #000080;
  margin: 5px 0;
  padding: 0px;
}
#help-content {
  margin: 0;
  padding: 0;
}
.tips {
  color: #CC0000;
}
.link {
  color: #000099;
}
</style>
</head>
<div id="tabbar-div">
<p><span style="float:right; padding: 3px 5px;" ><a href="#"><img id="toggleImg" src="images/admin/menu_minus.gif" width="9" height="9" border="0" alt="闭合" /></a></span>

  <span class="tab-front" id="menu-tab">菜单</span>
</p>
</div>
<div id="main-div">
<div id="menu-list">
<ul>
<!-- 菜单导航开始 -->
<{foreach from=$menu item=level_f key=fid}>
  <li name="menu">
  <span class="explode" key='explode_<{$fid+1}>'></span><font style="font-weight: bold; cursor:default;"><{$level_f.datil}></font>
  		 <ul>
<{foreach from=$sub[$fid] item=level_s key=sid}>    
          <li class="menu-item"><a href="./index.php?c=admin&a=<{$level_f.link}>&mod=<{$level_s.link}>" target="main-frame"><{$level_s.datil}></a></li> 
<{/foreach}>
        </ul>
      </li>
 <{/foreach}>     
<!-- 菜单导航结束 -->
</ul>
</div>
<div id="help-div" style="display:none">
<h1 id="help-title"></h1>

<div id="help-content"></div>
</div>
</div>
<{insert_scripts files="./js/jquery.min.js"}>
<script type="text/javascript">
$(function(){
	var minus_image='images/admin/menu_minus.gif';
	var plus_image='images/admin/menu_plus.gif';
	var minus=/minus/;
	var plus=/plus/;	
toggleImg=function(){return false}();
$("#toggleImg").bind("click",function(){
if(toggleImg){
		$(".explode").parent().find("ul").slideDown("slow");
		$(".explode").css("background-image","url("+minus_image+")");
		$(this).attr("src",minus_image);
	toggleImg=false;
	}else{
		$(".explode").parent().find("ul").slideUp("slow");
		$(".explode").css("background-image","url("+plus_image+")");
		$(this).attr("src",minus_image);
	toggleImg=true;	
	}
});
$(".explode").click(function(){
	if(minus.test($(this).css("background-image"))){
		$(this).css("background-image",$(this).css("background-image").replace("minus","plus"))
	}else{
		$(this).css("background-image",$(this).css("background-image").replace("plus","minus"))
	}	
		$(this).parent().find("ul").slideToggle("slow");
	});
})
</script>
</body>
</html>